<template>
<<<<<<< HEAD
	<header class="header">
		<div class="icon"></div>
		<h1 class="text">MJ music</h1>
		<div class="mine">
			<i class="icon-mine"></i>
		</div>
	</header>
</template> 

<script>
	export default{}
=======
	<div class="header">
		<div class="icon"></div>
		<h1 class="text">king Music</h1>
		<div class="mine">
			<i class="icon-mine"></i>
		</div>
	</div>
</template>

<script type="text/javascript">
	export default {}
>>>>>>> 2f2681559102dd200f119afb607054cf37b8104a
</script>

<style scoped lang="less">
	@import "~assets/less/variable";
<<<<<<< HEAD
	
	.header{
=======

	.header {
>>>>>>> 2f2681559102dd200f119afb607054cf37b8104a
		position: relative;
	    height: 44px;
	    text-align: center;
	    color: #fff;
	    .icon {
			display: inline-block;
		    vertical-align: top;
		    margin-top: 6px;
		    width: 30px;
		    height: 32px;
		    margin-right: 9px;
		    background: url(../../assets/img/logo@2x.png) no-repeat;
		    background-size: 30px 32px;
		}
		.text {
			display: inline-block;
		    vertical-align: top;
		    line-height: 44px;
		    font-size: 18px;
		}
		.mine {
			position: absolute;
		    top: 0;
		    right: 0;
		    .icon-mine {
		    	display: block;
		        padding: 12px;
		        font-size: 20px;
		        color: @color-theme;
		    }
		}
	}
</style>